body,html,#container{
        width: 100%;
        height: 100%;
        margin: 0px;
        background-color: #0a1e58;
      }
 ul, li,h1,h2,h3,h4,h5{
     list-style: none;
     padding: 0;
     margin: 0;
 }     
#main{
    width: 100%;
        height: 100%;
}
.backstar{
    margin:0 auto;
    width:100%;
    height:640px;
    background-color:#000;
    position:absolute;
    top: 0;
    left: 0;
    }
.backstar canvas {
    width:100%;height:auto
    display:inline-block;vertical-align:baseline
    position:absolute;
    z-index:-1;
    }
.backstar .canvaszz{  
    width:100%;
    background-image: url(images/in_top_bj.jpg);
    height:640px;
    position:absolute;
    z-index:0;
        filter:alpha(opacity=40);  
        -moz-opacity:0.4;  
        -khtml-opacity: 0.4;  
        opacity: 0.4;
    }
#top{
    position: fixed;
    z-index:1000;
    width:100%;
    height:4.10rem;
    top: 0;
    left: 0;
    background: url("../images/topbg.png") no-repeat;
    background-size:100% 100%;
}
#linemap{
  width:66.7%;
  height:90%;
  padding-top: 3rem;
  margin-left: 28%;
  /*padding-left: 10rem;*/
  /*background: url("../images/gongshuiquyu.png") no-repeat;
    background-size:100% 100%;  */
}
.topnavbgimg{
     position: absolute;
     
    top: 1.5rem;
    left: -0.5rem;
    width: 5rem;
    height: 2rem;
}
#topleftnav{
    position: absolute;
    top: 2.0rem;
    left: 1.2rem;
}
#topleftnav ul {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
}
#topleftnav ul li{
    margin-right:5rem;
    display: block;
    float: left;
    width: 3rem;
    height: 1rem;
    cursor: pointer;
    /*background-color: #01B7BC;*/
}
#topleftnav li img{
    height: 0.9rem;
}
#mapstyel{
    position: absolute;
    top: 4.5rem;
    right: 1rem;
}
.backbtn{
    
}
.lcdfont{
   font-family: 'UnidreamLED';
    letter-spacing: 0.2rem; 
}
#datetime{
    position: absolute;
    top: 2rem;
    right: 12.5rem;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    width: 20rem;
}
@font-face {
  font-family: 'UnidreamLED';
  src:url(../css/UnidreamLED.eot); /***兼容ie9***/
  src:url(../css/UnidreamLED.eot?#iefix)format('embedded-opentype'), /***兼容ie6-ie8***/
  url('../css/UnidreamLED.woff') format('woff'), 
  local('UnidreamLED'), url("../css/UnidreamLED.woff");/***默认使用本地的***/
}
#mapstyle{
    position: absolute;
    top: 8rem;
    right: 1rem;
}
#datetime span{
   margin-left:3rem;
    color: #26e3ff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 0.1rem;
    font-family: 'UnidreamLED';
    letter-spacing: 0.2rem;
}
#leftnav{
    position: absolute;
    top: 4.5rem;
    left: 1rem;
    width: 24%;
    background: url("../images/leftnavbg.png") no-repeat;
background-size:100% 100%;
}
.table2{
    position: relative;
    width: 100%;
}
.table2 .liquid{
    position: absolute;
    right: -0.5rem;
    top:1.7rem;
    width: 50%;
}
.leida{
    width: 75%;
    position: absolute;
    height: 60%;
    top: 2.0rem;
    left: -1.5rem;
}
.liquid h4{
    display: block;
    width:100%;
    position: absolute;
    bottom: 20%;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 3px 3px 3px #284682;
}
.chart {
                width: 100%;
                height: 10rem;
                float: left;
            }
            @media (max-width: 980px) {
                .chart {
                    height: 200px;
                }
            }
            @media (max-width: 750px) {
                .chart {
                    width: 33.333333%;
                }
            }
            @media (max-width: 500px) {
                .chart {
                    width: 50%;
                    height: 180px;
                }
            }

#leftnav .table1{
    width:100%;
    height:33%;
    /*background: url("../images/leftbox1bg.png") no-repeat;*/
    background-size:100% 100%;
    margin-bottom: 0.5rem;
}
.totalbarcentent{
    margin-top: 3rem;
    margin-left: 0;
}
.table1 h3{
    display: block;
    overflow: hidden;
    font-size: 0.6rem;
    color: #FFFFFF;
    padding: 0.2rem 2.5rem;
}
.table1 h4{
    padding: 0rem 2.5rem;
}
.table1 h4 span{
    display: block;
    font-size: 0.9rem;
    color: #1fc1dd;
}
.table1 h4 span i{
    font-size: 0.5rem;
    color: #FFFFFF;
}
#leftnav .table2{
    width:100%;
    height:28%;
    /*background: url("../images/leftbox2bg.png") no-repeat;*/
    background-size:100% 100%;
    margin-bottom: 0.5rem;
}
#leftnav .table3{
    width:100%;
    height:33%;
    /*background: url("../images/leftbox3bg.png") no-repeat;*/
    background-size:100% 100%;
}

#btmtable{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 23rem;
    height:10rem;
    background: url("../images/btmrtbox.png") no-repeat;
    background-size:100% 100%;
}
.custom-content-marker{
    width:10rem;
    height:6rem;
     background: url("../images/5.png") no-repeat;
    background-size:100% 100%;
    position: relative;
}
.custom-content-marker h5{
    font-size:7px;
    color: #fff;
    font-weight: normal;
    display: block;
    position: absolute;
    padding-left: 4em;
}
#mapstyel img{
    width: 3rem;
    cursor: pointer;
}
#btmtable .rightbtnlayer{
    position: absolute;
    right: 1rem;
    top: 2rem;
    padding-top: 1rem;
}
#btmtable .rightbtnlayer img{
    height: 1rem;
    vertical-align: middle;
    padding-left: 0.5rem;
    cursor: pointer;
}
#btmtable .rightbtnlayer h3{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0.5rem 0;
}
.marckdata{
   width:7rem;
    height:5rem;
     background: url("../images/5.png") no-repeat;
    background-size:100% 100%;
    position: relative; 
    padding: 0.6rem 1rem;
}
.marckdata .tip{
  font-size:9px;
    color: #fff;
    font-weight: normal;
    display: block;
    /*position: absolute;*/
    margin-bottom:0.5rem;
    top:0.4rem;
}
.marckdata .info{
  font-size:7px;
    color: #fff;
    font-weight: normal;
    display: block;
    padding-left: 0.4rem;
    top:1.4rem;
}
.info span{padding: 0 0.5rem}

.infoicon{
    width: 1rem;
    
}


#rundata{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     /*background: url("../images/pc.jpg") repeat-y;*/
    /*background-size:100% 100%;*/
}
.bengrunbox{
    width: 80%;
    margin: 5rem auto;
    /*height:88%;*/
     /*background: url("../images/op.png") no-repeat;*/
    /*background-size:100% 100%;*/
    overflow: hidden;
}
.bengrunbox .topleftcontent{
    float: left;
    background: url("../images/blubgimg.png");
    width: 29%;
    min-height: 5rem;
    
}

.topleftcontent h1{
    display: block;
    width:70%;
    height:2rem; 
    background: url("../images/lefttitlebg.png") no-repeat;
    background-size:100% 100%;
    padding-left: 1rem;
    color: #d0d5ed;
    font-size: 0.8rem;
    line-height: 2rem;
    margin-left: 1rem;
    margin-top: 1rem;
    /*margin-bottom: 0.5rem;*/
}



















#bengrunview{
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     /*background: url("../images/pc.jpg") no-repeat;
    background-size:100% 100%;*/
}
#yupanview{
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     /*background: url("../images/pc.jpg") no-repeat;
    background-size:100% 100%;*/
}
#qushiview{
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     /*background: url("../images/pc.jpg") no-repeat;
    background-size:100% 100%;*/
}
/*#bengrunview img{
    height: 90%;
    display: block;
    margin: 2rem auto;
}
#qushiview img{
    width: 80%;
    display: block;
    margin: 4rem auto;
}*/
/*#yupanview img{
    width: 80%;
    display: block;
    margin: 3rem auto;
}*/

.qushibox{
    padding-top:2rem;
    width: 80%;
    height: 80%;
    margin: 1rem auto 1rem auto;
    background: url(../images/blubgimg.png);
}

.runviewbox{
   background: url("../images/process.png") no-repeat;
    background-size:100% 100%; 
    margin: 5rem auto;
    position: relative;
}
#huqiaobengzhan{
    background: url("../images/process-2.png") no-repeat;
    background-size:100% 100%; 
    margin: 5rem auto;
    position: relative; 
}
#shuguangbengzhan{
    background: url("../images/process-3.png") no-repeat;
    background-size:100% 100%; 
    margin: 5rem auto;
    position: relative;  
}
.rundata,.rundata2{
    position: absolute;
    color: #e4e4e6;
    font-size: 0.5rem;
    top:0;
    text-align: center;
}
.rundata h3,.rundata2 h3{
    display: block;
    background-color: #006aee;
    padding: 0.3rem;
}
.rundata ul,.rundata2 ul{
    display: block;
    background-color: #67799b;
    /*padding-bottom: 0.5rem;*/
  /*/// padding: 0.5rem 1rem;*/
}
.rundata li,.rundata2 li{
    line-height: 1rem;
    overflow: hidden;
}
.rundata li span,.rundata2 li span{
   display: block;
   
}
.rundata li span:nth-child(1),.rundata2 li span:nth-child(1){
   float: left;
   padding-left: 0.2rem;
}
.rundata li span:nth-child(2),.rundata2 li span:nth-child(2){
   float: right
}
.rundata li span:nth-child(3),.rundata2 li span:nth-child(3){
  float: right;
  padding-right: 0.2rem;
}
.rundata3{
    position: absolute;
    color: #e4e4e6;
    font-size: 0.5rem;
}
.rundata3 h3{
    display: block;
    background-color: #006aee;
    padding: 0.1rem 0.2rem;
    margin-bottom: 0.2rem;
}
.rundata3 h2{
    display: block;
    background-color: #67799b;
    padding: 0.1rem 0.2rem;
}


.caoview{
  position: absolute;
}
.caoview h4{
    position: absolute;
    bottom: 2rem;
    display: block;
    text-align: center;
    font-size: 0.5rem;
    color: #FFFFFF;
    line-height: 0.8rem;
    text-shadow: 2px 2px 2px #284682;
}

.chartcao1 {
              margin: 0;
              padding: 0;
            }

.zha{
    position: absolute;
    cursor: pointer;
}
.key1,.key3{
  background: url("../images/famen-on.png") no-repeat;
    background-size:100% 100%;  
}
.key{
    background: url("../images/famen-on.png") no-repeat;
    background-size:100% 100%;  
}
.caoview h4{
    width: 100%;
}
.yupanman{
    background: url("../images/blubgimg.png");
    width: 90%;
    /*height: 100%;*/
    margin: 0 auto;
}
.topprogress{
    position: relative;
    margin-top: 5rem;
}
.topicon{
    display: block;
    overflow: hidden;
    
}
.topicon li h5{
    color: #9cb4f4;
    font-size: 0.3rem;
}
.topicon li h4{
    color: #d8e0f8;
    font-size: 0.6rem;
    line-height: 0.8rem;
}
.topicon li{
    display: block;
    position: absolute;
    top:1.45rem;
    text-align: center;
}
.yuanicon{
    display:block;
    width: 2rem;
    height: 2rem;
    font-weight:bold;
    margin:0.1rem auto;
    text-align: center;
    line-height: 2rem;
    color: #FFFFFF;
    font-size: 1rem;
}
.topicon .actives{
   background: url("../images/yuanicon-on.png"); 
   background-size:100% 100%;
}
.topicon .normals{
   background: url("../images/yuanicon-off.png"); 
   background-size:100% 100%;
}

.topicon li:nth-child(1){
    left: 7%;
}
.topicon li:nth-child(2){
    left: 33.5%;
}
.topicon li:nth-child(3){
    right: 33.5%;
}
.topicon li:nth-child(4){
    right: 7%;
}
.downprogerssimg{
    position: absolute;
    height: 1rem;
    width:80%;
    background: url("../images/jindudown.png");
    background-size:100% 100%;
    top: 3rem;
    left: 10%;
}
.upprogerssimg{
    position: absolute;
    height: 1rem;
    width:10rem;
    top:3rem;
    left:10%;
    background: url("../images/jinduup.png");
    background-size:100% 100%;
}

.toplist{
    overflow: hidden;
    display: block;
    margin: 1rem auto;
    width:90%;
    padding-top: 6.5rem;
}
.toplist li{
    display: block;
    width: 24%;
    float: left;
    
}
.toplist li:nth-child(1){
    margin-right: 1%;
}
.toplist li:nth-child(2){
    margin-right: 1%;
}
.toplist li:nth-child(3){
    margin-right: 1%;
}
.toplistitem h3{
    padding:0 0.5rem;
    display: block;
    color:#d2d6e4;
    background-color: #031d73;
    border: 1px solid #03217d;
    height: 2rem;
    text-align: left;
    line-height: 2rem;
    margin-bottom: 1px;
}
.toplistitem h3 span:nth-child(1){
    margin-left: 2rem;
    margin-right: 3rem;
}
.toplistitem h3 span:nth-child(3){
    float: right;
    /*margin-right: 0.2rem;*/
}

.listicon{
    display:block;
    float:left;
   background: url("../images/yellowicon.png");
    background-size:100% 100%; 
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.4rem;
    text-align: center;
    line-height: 1.2rem;
    text-shadow: 1px 2px 2px #284682;
    margin-right: 0.5rem;
}
.toplistitem p{
    padding:0 0.5rem;
    display: block;
    background-color: #031351;
    border: 1px solid #03217d;
    margin-bottom: 1px;
    height: 2rem;
    line-height: 2rem;
    text-align: left;
    color: #d2d6e4;
    overflow: hidden;
}
.toplistitem p span{
   display: block;
   float: left;
   text-align: center
}
.toplistitem p span:nth-child(2){
   width: 4rem;
}
.toplistitem p span:nth-child(3){
   width: 4rem;
}
.toplistitem p span:nth-child(4){
   width: 5rem;
   
}
.yupanbtm{
    width: 90%;
    margin: 2rem auto 0 auto;
    color: #FFFFFF;
}
.yupanbtm .left {
    width: 70%;
    float: left;
}
.yupanbtm .left h3{
    display: block;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 2rem;
    height: 2rem;
}
.yupanbtm .left h2{
    display: block;
    font-size: 0.5rem;
    color: #FFFFFF;
    line-height: 2rem;
    width: 1rem;
    float: left;
    font-weight: bold;
    padding-top: 2rem;
}
.yupanbtm .left .tableman{
    float: left;
    width: 95%;
}
.left .tableman h3{
    display: block;
    width: 100%;
    overflow: hidden;
}
.left .tableman h3 span{
    display: block;
    float:left;
    width: 16.5%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 0.8rem;
}
.left .tableman ul{
    display: block;
    width:100%;
    min-height:5rem;
    background-color: #030f4a;
    border: 1px solid #013edc;
    overflow: hidden;
}
.tablelist li{
    display: block;
    width:16.5%;
    text-align:center;
    float: left;
    line-height: 2rem;
}
.tablelist li span{
    margin-right: 0.2rem;
}



.yupanman .right {
    width: 27%;
    float: right;
    margin-right: 1%;
    padding-top: 4rem;
}
.yupanman .right h2 {
    padding:0.2rem 0.5rem;
    color:#FFFFFF;
    margin-bottom:1px;
    text-align:center;
    background-color: #031351;
    border: 1px solid #03217d;
}
.yupanman .right p{
    display: block;
    padding:1rem;
    line-height:1.2rem;
    background-color: #031351;
    border: 1px solid #03217d;
        height: 10.2rem;
}
.zhanicon{
    width: 1rem;
}






.huannum{
    width:4rem;
    height:2.5rem;
    float:left;
     background: url("../images/linekeybg.png") no-repeat;
    background-size:100% 100%;
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight:bold;
    text-align: center;
    padding-top: 1.5rem;
}
.huannum span{
    font-size: 0.5rem;
    font-weight: bold;
    display: block;
    margin-top: 1.8rem;
}

.btmtip{
    display:block;
    color: #b8c0e9;
    font-size: 0.5rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
.btmtip img{
    width: 0.5rem;
}

.toprightcontent{
    float: left;
    width: 70%;
    margin-left: 5px;
    background: url("../images/blubgimg.png");
    min-height: 6rem;
    overflow: hidden;
}
.leftone{
    width: 60%;
    float: left;
    height:18.6rem;
    overflow: hidden;
    position: relative;
}
#bengzhaninforline1{
    width: 100%;
    height: 100%;
}
.zhexian{
    position: relative;
    /*height: 14.5rem;*/
}
.zhexian h4{
    display: block;
    position: absolute;
    bottom: -1.5rem;
    left: 2.5rem;
    color: #b8c0e9;
}
.zhexian h4 img{
    width:0.8rem;
    vertical-align: middle;
    margin-right: 0.5rem;
}
.zhexian h3{
     margin-top: 0.5rem;
     margin-left:1rem;
    display: block;
    font-size: 0.9rem;
    color: #5f85e7;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
.rightone{
    width: 40%;
    float: left;
    overflow: hidden;
    color: #d5d9ef;
    padding-top: 1.8rem;
}
.rightone h3{
    margin-top: 1rem;
    display: block;
    font-size: 0.9rem;
    color: #5f85e7;
    margin-bottom: 1rem;
     font-weight: bold;
     line-height: 2.2rem;
}
.rightone select{
    display: block;
    float: right;
     background: url("../images/selecbtn2.png") no-repeat;
    background-size:100% 100%;
    width: 6rem;
    border:none;
    color:#FFFFFF;
    height: 2rem;
    -webkit-appearance: none;
  -webkit-tap-highlight-color: #fff;
  outline: 0;
    padding-left: 0.5rem;
    margin-right: 1.8rem;
}
.rightone ul{
    display: block;
    float: left;
    width: 50%;
    font-size: 0.5rem;
    margin-bottom: 1rem;
}
.btmline{
    width: 50%;
    height:12rem;
    float: left;
}
.rightone ul li{
    display: block;
    line-height: 1rem;
    height: 1.75rem;
}
.leftone h1{
    display: block;
    margin-top:1rem;
    width:60%;
    height:2rem; 
    background: url("../images/lefttitlebg.png") no-repeat;
    background-size:100% 100%;
    padding-left: 1rem;
    color: #d0d5ed;
    font-size: 0.8rem;
    line-height: 2rem;
    margin-left: 1rem;
    /*margin-bottom: 0.5rem;*/
}
.gongyibtn{
    display: block;
    width:3rem;
    position:absolute;
    top:1rem;
    left:78%;
    padding: 0.2rem 0.5rem;
    background-color: #3277e8;
    color: #FFFFFF;
    z-index: 10;
    cursor: pointer;
}

.btmleft{
   float: left;
    background: url("../images/blubgimg.png");
    width: 29%;
    /*height:4rem;*/
    margin-top: 5px;
    overflow: hidden;
}

.timetitle{
    overflow: hidden;
    padding: 1rem;
}
.timetitle h1{
    display: block;
    float: left;
    width:7rem;
    height:2rem;
     color: #d0d5ed;
    font-size: 0.8rem;
     background: url("../images/lefttitlebg2.png") no-repeat;
    background-size:100% 100%;
    text-align: center;
    line-height: 2rem;
    /*margin-right: 2rem;*/
}
.datalist{
    display: block;
    margin: 1rem;
    overflow: hidden;
}
.datalist li{
    display: block;
    height: 2rem;
    border-top: 1px solid #6e8bdb;
    border-left: 1px solid #6e8bdb;
    border-right: 1px solid #6e8bdb;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.5rem;
    color: #d5d9ef;
}
.datalist li:last-child{
    border-bottom: 1px solid #6e8bdb;
}
.lefttip{
    border-right: 1px solid #1246cb;
    padding: 0 1rem;
    line-height: 2rem;
    color: #81a3fb;
}
.tiptyp{
    padding: 0 2rem 0 1rem;
}
.tipinfo{
   padding: 0 2rem 0 0;
}
.tipbtn{
    padding: 0.2rem 0.5rem;
    background-color: #1246cb;
    cursor: pointer;
}
.qushiselecbox{
    display: block;
    width: 80%;
    margin: 5rem auto 0rem auto;
    overflow: hidden;
    padding-left: 2rem;
}
.qushiselecbox li{
    display: block;
    float: left;
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 2rem;
    
}
.selecbtn span{
    padding-left: 1rem;
    cursor: pointer;
}
.submetbtn{
    background: url("../images/submetbtn.png") no-repeat;
    background-size:100% 100%;
    width: 5rem;
    height: 2rem;
    text-align: center;
    cursor: pointer;
}
.selecbtn select{
     background: url("../images/selecbtn.png") no-repeat;
    background-size:100% 100%;
    width: 8rem;
    border:none;
    color:#FFFFFF;
    height: 2rem;
    -webkit-appearance: none;
  -webkit-tap-highlight-color: #fff;
  outline: 0;
    padding-left: 1rem;
}
.fancified option{
    display:block;
    padding:0.5rem;
    background: #006AEE;
    height: 1.5rem;
    line-height: 1.5rem;
}
.selecbtn2 .jeinput{
    background: url("../images/selecbtn.png") no-repeat;
    background-size:100% 100%;
    width: 8rem;
    padding-left:1rem;
    height: 2rem;
    margin-right: 2rem;
    color: #FFFEFF;
    cursor: pointer;
}
.btnscon span,.nolunar {
    cursor: pointer;
}
.selecbtn{
    background: url("../images/selecbtn.png") no-repeat;
    background-size:100% 100%;
    width: 7rem;
    height: 2rem;
    margin-right: 2rem;
}










.amap-marker-label{
  border: 0px;
  color:#ebecf3;
  background: none!important;
}
.labelContent{
  font-size: 20px;
  background: url("../../assets/img/ico_beng2.png") no-repeat;
  background-size:contain;
  cursor:pointer;
}
.labelContent1{
  font-size: 20px;
  background: url("../../assets/img/ico_beng3.png") no-repeat;
  background-size:contain;
  cursor:pointer;
}
.labelContent2{
  font-size: 20px;
  background: url("../../assets/img/5.png") no-repeat;
  background-size:contain;
  cursor:pointer;
}
.labelContent3{
  font-size: 20px;
  background: url("../../assets/img/6.png") no-repeat;
  background-size:contain;
  cursor:pointer;
}
.labelContent1{
  font-size: 20px;
   background: url("../../assets/img/ico_beng3.png") no-repeat;
  background-size:contain;
  cursor:pointer;
}
.amap-icon img {
      width: 0.544rem;
      height: 0.576rem;
  }
  .margintop{
    padding-top:0.6rem;
    width: 3.66rem;
    height: 2.10rem;
  }
  .target{
    margin-top: 0.1rem;
    display: flex;
    justify-content:space-between;
    flex-direction: row;
    margin-right: 0.1rem;
    margin-left: 0.5rem;
    align-items: center;
  }
  .target>div{
    width: 33.3%;
  }
  .normal{
    /*background: #064498;*/
    width: 0.22rem;
    height: 0.16rem;
  }
  .down{
    background: #b38d08;
    width: 0.22rem;
    height: 0.16rem;
  }
    .up{
    background: #ea5803;
    width: 0.22rem;
    height: 0.16rem;
  }
  .up1{
    background: #e47e43;
    width: 0.22rem;
    height: 0.16rem;
  }
    .normal1{
    background: #1b71e6;
    width: 0.22rem;
    height: 0.16rem;
  }
  .down1{
    background: #e8b401;
    width: 0.22rem;
    height: 0.16rem;
  }
  .up2{
    background: #c5987e;
    width: 0.22rem;
    height: 0.16rem;
  }
    .normal2{
    background: #5077ad;
    width: 0.22rem;
    height: 0.16rem;
  }
  .down2{
    background: #e0c76e;
    width: 0.22rem;
    height: 0.16rem;
  }
  .marginleft20{
    margin-left: 20px;
  }
  .legend{
    position: fixed;
    bottom: 0.869rem;
    right: 0.242rem;
    color:#bbf6f8;
    border:1px solid #01b7bc;
    width: 5.863rem;
    height: 2.761rem;
  }
  .legend_title{
    font-size: 0.275rem;
    font-weight: bold;
    color: #01e2e8;
    height: 0.561rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #01b7bc;
  }
  .legend_content{
    display: flex;
    flex-direction: row;
    height: 2.2rem;
  }
  .legend_target{
    width: 3.607rem;
    border-right: 1px solid #01b7bc;
    padding: 0.198rem 0rem 0rem 0.198rem;
  }
  .legend_area{
    width: 1.816rem;
  }
  .cloumn4{
    display: flex;
    flex-direction: row;
  }
  .column2{
    display: flex;
    flex-direction: row;
    height: 0.605rem;
    /* margin-top:0.118rem; */
    align-items: center;
  }
  .cloumn4>div{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.077rem;
  }
  .target_click{
    cursor:pointer;
  }
  .active{
    background: #26454c;
  }
  .location{
    width: 0.296rem;
    height: 0.296rem;
  }
  .range{
    height: 0.296rem;
    width: 0.64rem;
  }
  .width{
    width: 50%;
  }

  @media screen and (max-width: 1366px) {
    .legend {
      width: 6.607rem;
    }
    .legend_area {
      width: 3rem;
    }
  }
